body{
	background: url(../img/背景.jpg) no-repeat;
	 background-size: 100% 823px;
}	
#wd1{
	width: 100px;
	height: 100px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wd1 5s linear infinite;
}
@keyframes wd1{
	0%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
	
	20%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
	
	40%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
	
	60%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
	
	80%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
	
	100%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 300px;
	}
}
#wd2{
	width: 100px;
	height: 100px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wd2 5s linear infinite;
}
@keyframes wd2{
	0%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
	
	20%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
	
	40%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
	
	60%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
	
	80%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
	
	100%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 80px;
		top: 330px;
	}
}
#js{
	width: 150px;
	height: 150px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:js 6s linear infinite;
}
@keyframes js{
	0%{
		background: url(../img/路障僵尸.gif) no-repeat;
		background-size: 100% 100%;
		left: 800px;
		top: 360px;
	}
	100%{
		background: url(../img/路障僵尸.gif) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: 360px;
	}
}
#jg{
	width: 150px;
	height: 150px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:jg 5s linear infinite;
}
@keyframes jg{
	0%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 500px;
		top: 80px;
	}
	
	100%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 500px;
		top: 80px;
	}
}
#jg2{
	width: 150px;
	height: 150px;
	background: url(../img/背景.jpg) no-repeat;
	/*背景图占满整个熊空间*/
	background-size: 100% 100%;
	/*微调定位*/
	position: relative;
	left: -42px;
	top: -123px;
	/*启动动画*/
	animation:jg2 5s linear infinite;
}
@keyframes jg2{
	0%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 70px;
		top: 60px;
	}
	
	100%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 70px;
		top: 60px;
	}
}
#jg3{
	width: 180px;
	height: 180px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:jg3 5s linear infinite;
}
@keyframes jg3{
	0%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -954px;
	}
	
	100%{
		background: url(../img/坚果.png) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -954px;
	}
}
#js2{
	width: 240px;
	height: 240px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:js2 5s linear infinite;
}
@keyframes js2{
	0%{
		background: url(../img/撑杆僵尸.gif) no-repeat;
		background-size: 100% 100%;
		left: 1000px;
		top: -550px;
	}
	100%{
		background: url(../img/撑杆僵尸.gif) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -550px;
	}
}
#dg{
	width: 150px;
	height: 150px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:dg 5s linear infinite;
}
@keyframes dg{
	0%{
		background: url(../img/仙人掌.gif) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -480px;
	}
	100%{
		background: url(../img/仙人掌.gif) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -480px;
	}
}
#js3{
	width: 190px;
	height: 190px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:js3 5s linear infinite;
}
@keyframes js3{
	0%{
		background: url(../img/橄榄吃.gif) no-repeat;
		background-size: 100% 100%;
		left: 540px;
		top: -660px;
	}
	100%{
		background: url(../img/橄榄吃.gif) no-repeat;
		background-size: 100% 100%;
		left: 540px;
		top: -660px;
	}
}
#wd3{
	width: 140px;
	height: 140px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wd3 5s linear infinite;
}
@keyframes wd3{
	0%{
		background: url(../img/寒冰射手.png) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -1400px;
	}
	100%{
		background: url(../img/寒冰射手.png) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -1400px;
	}
}
#wd4{
	width: 100px;
	height: 100px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wd4 5s linear infinite;
}
@keyframes wd4{
	0%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
	
	20%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
	
	40%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
	
	60%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
	
	80%{
		background: url(../img/豌豆射手.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
	
	100%{
		background: url(../img/豌豆射手2.png) no-repeat;
		background-size: 100% 100%;
		left: 230px;
		top: -1380px;
	}
}
#wddz{
	width: 100px;
	height: 100px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wddz .5s linear infinite;
}
@keyframes wddz{
	0%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 300px;
		top: -1500px;
	}
	
	20%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 320px;
		top: -1500px;
	}
	
	40%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 340px;
		top: -1500px;
	}
	
	60%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 360px;
		top: -1500px;
	}
	
	80%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 380px;
		top: -1500px;
	}
	
	100%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 400px;
		top: -1500px;
	}
}
#wddz2{
	width: 100px;
	height: 100px;
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -42px;
	top: -123px;
	animation:wddz2 .5s linear infinite;
}
@keyframes wddz2{
	0%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 200px;
		top: -1350px;
	}
	
	20%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 220px;
		top: -1350px;
	}
	
	40%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 240px;
		top: -1350px;
	}
	
	60%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 300px;
		top: -1350px;
	}
	
	80%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 340px;
		top: -1350px;
	}
	
	100%{
		background: url(../img/豆豆.png) no-repeat;
		background-size: 100% 100%;
		left: 380px;
		top: -1350px;
	}
}